<!DOCTYPE HTML>
<html lang="en-US">
    <head>

        <meta charset="UTF-8">
        <title>Beoro Admin Template v1.1</title>
        <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <link rel="icon" type="image/ico" href="favicon.ico">
        
    <!-- common stylesheets-->
        <!-- bootstrap framework css -->
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
            <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css">
        <!-- iconSweet2 icon pack (16x16) -->
            <link rel="stylesheet" href="img/icsw2_16/icsw2_16.css">
        <!-- splashy icon pack -->
            <link rel="stylesheet" href="img/splashy/splashy.css">
        <!-- flag icons -->
            <link rel="stylesheet" href="img/flags/flags.css">
        <!-- power tooltips -->
            <link rel="stylesheet" href="js/lib/powertip/jquery.powertip.css">
        <!-- google web fonts -->
            
            

    <!-- aditional stylesheets -->


        <!-- main stylesheet -->
            <link rel="stylesheet" href="css/beoro.css">

        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
        <!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
            
        <!--[if lt IE 9]>
            <script src="js/ie/html5shiv.min.js"></script>
            <script src="js/ie/respond.min.js"></script>
            <script src="js/lib/flot-charts/excanvas.min.js"></script>
        <![endif]-->

    </head>
    <body class="bg_d">
    <!-- main wrapper (without footer) -->    
        <div class="main-wrapper">
        <!-- top bar -->
            <div class="navbar navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container">
                        <div class="pull-right top-search">
                            <form action="" >
                                <input type="text" name="q" id="q-main">
                                <button class="btn"><i class="icon-search"></i></button>
                            </form>
                        </div>
                        <div id="fade-menu" class="pull-left">
                            <ul class="clearfix" id="mobile-nav">
                                <li>
                                    <a href="javascript:void(0)">Forms</a>
                                    <ul>
                                        <li>
                                            <a href="form_elements.html">Form elements</a>
                                        </li>
                                        <li>
                                            <a href="form_validation.html">Form validation</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Components</a>
                                    <ul>
                                        <li>
                                            <a href="calendar.html">Calendar</a>
                                        </li>
                                        <li>
                                            <a href="charts.html">Charts</a>
                                        </li>
                                        <li>
                                            <a href="contact_list.html">Contact List</a>
                                        </li>
                                        <li>
                                            <a href="datatables.html">Datatables</a>
                                        </li>
                                        <li>
                                            <a href="editable_elements.html">Editable Elements</a>
                                        </li>
                                        <li>
                                            <a href="file_manager.html">File manager</a>
                                        </li>
                                        <li>
                                            <a href="gallery.html">Gallery</a>
                                        </li>
                                        <li>
                                            <a href="gmaps.html">Google Maps</a>
                                        </li>
                                        <li>
                                            <a href="#">Tables</a>
                                            <ul>
                                                <li><a href="tables_regular.html">Regular Tables</a></li>
                                                <li><a href="table_stacking.html">Stacking Table</a></li>
                                                <li><a href="table_examples.html">Table examples</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="wizard.html">Wizard</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">UI Elements</a>
                                    <ul>
                                        <li><a href="alerts_buttons.html">Alerts, Buttons</a></li>
                                        <li><a href="grid.html">Grid</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li>
                                            <a href="notifications.html">Notifications</a>
                                        </li>
                                        <li><a href="tabs_accordions.html">Tabs, Accordions</a></li>
                                        <li><a href="tooltips_popovers.html">Tooltips, Popovers</a></li>
                                        <li><a href="typography.html">Typography</a></li>
                                        <li><a href="widgets.html">Widgets</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Other pages</a>
                                    <ul>
                                        <li><a href="ajax_content.html">Ajax content</a></li>
                                        <li><a href="blank.html">Blank page</a></li>
                                        <li><a href="blog_page.html">Blog page</a></li>
                                        <li><a href="blog_page_single.html">Blog page (single)</a></li>
                                        <li><a href="error_404.html">Error 404</a></li>
                                        <li><a href="help_faq.html">Help/Faq</a></li>
                                        <li><a href="invoices.html">Invoices</a></li>
                                        <li><a href="login.html">Login Page</a></li>
                                        <li><a href="mailbox.html">Mailbox</a></li>
                                        <li><a href="user_profile.html">User profile</a></li>
                                        <li><a href="settings.html">Site Settings</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Sub-menu</a>
                                    <ul>
                                        <li><a href="#">Section 1</a></li>
                                        <li><a href="#">Section 2</a></li>
                                        <li><a href="#">Section 3</a></li>
                                        <li>
                                            <a href="#">Section 4</a>
                                            <ul>
                                                <li><a href="#">Section 4.1</a></li>
                                                <li><a href="#">Section 4.2</a></li>
                                                <li><a href="#">Section 4.3</a></li>
                                                <li>
                                                    <a href="#">Section 4.4</a>
                                                    <ul>
                                                        <li><a href="#">Section 4.4.1</a></li>
                                                        <li><a href="#">Section 4.4.2</a></li>
                                                        <li><a href="#">Section 4.4.4</a></li>
                                                        <li><a href="#">Section 4.4.5</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Section5</a></li>
                                        <li><a href="#">Section6</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        <!-- header -->
            <header>
                <div class="container">
                    <div class="row">
                        <div class="span3">
                            <div class="main-logo"><a href="dashboard.html"><img src="img/beoro_logo.png" alt="Beoro Admin"></a></div>
                        </div>
                        <div class="span5">
                            <nav class="nav-icons">
                                <ul>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Dashboard"><i class="icsw16-home"></i></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Content"><i class="icsw16-create-write"></i></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Mailbox"><i class="icsw16-mail"></i><span class="badge badge-info">6</span></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Comments"><i class="icsw16-speech-bubbles"></i><span class="badge badge-important">14</span></a></li>
                                    <li class="active"><span class="ptip_s" title="Statistics (active)"><i class="icsw16-graph"></i></span></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Settings"><i class="icsw16-cog"></i></a></li>
                                </ul>
                             </nav>
                        </div>
                        <div class="span4">
                            <div class="user-box">
                                <div class="user-box-inner">
                                    <img src="img/avatars/avatar.png" alt="" class="user-avatar img-avatar">
                                    <div class="user-info">
                                        Welcome, <strong>Jonathan</strong>
                                        <ul class="unstyled">
                                            <li><a href="user_profile.html">Settings</a></li>
                                            <li>&middot;</li>
                                            <li><a href="login.html">Logout</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

        <!-- breadcrumbs -->
            <div class="container">
                <ul id="breadcrumbs">
                    <li><a href="javascript:void(0)"><i class="icon-home"></i></a></li>
                    <li><a href="javascript:void(0)">Content</a></li>
                    <li><a href="javascript:void(0)">Article: Lorem ipsum dolor...</a></li>
                    <li><a href="javascript:void(0)">Comments</a></li>
                    <li><span>Lorem ipsum dolor sit amet...</span></li>
                </ul>
            </div>
            
        <!-- main content -->
            <div class="container">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="w-box w-box-blue">
                            <div class="w-box-header">
                                <h4>Invoices Preview</h4>
                            </div>
                            <div class="w-box-content cnt_a invoice_preview">
                                <div class="toolbar clearfix">
                                    <div class="pull-left">
                                        <div class="toolbar-icons clearfix">
                                            <a href="#" class="ptip_ne" title="New Invoice"><i class="icsw16-document icsw16-white"></i></a>
                                            <a href="#" class="ptip_ne" title="Edit Invoice"><i class="icsw16-pencil icsw16-white"></i></a>
                                            <a href="#" class="ptip_ne" title="Print Invoice"><i class="icsw16-printer icsw16-white"></i></a>
                                        </div>
                                    </div>
                                    <div class="pull-right">
                                        <span class="toolbar_text"><span class="muted">Updated:</span> 24/11/2012 10:24</span>
                                    </div>
                                </div>
                                <h1><span>Invoice #23123/2012</span></h1>
                                <div class="row-fluid">
                                    <div class="span4">
                                        <p class="sepH_a"><span class="muted">Invoice Number</span>: 23123/2012</p>
                                        <p class="sepH_a"><span class="muted">Invoice Date</span>: 23/11/2012</p>
                                        <p class="sepH_a"><span class="muted">Due Date</span>: 08/12/2012</p>
                                    </div>
                                    <div class="span4">
                                        <strong class="muted">From</strong>
                                        <address>
                                            <strong>Lorem Ipsum, Inc.</strong><br>
                                            123 Lorem ipsum<br>
                                            San Francisco, CA 12345<br>
                                            <abbr title="Phone">P:</abbr> (123) 456-7890
                                        </address>
                                    </div>
                                    <div class="span4">
                                        <strong class="muted">To</strong>
                                        <address>
                                            <strong>Lorem Ipsum, Inc.</strong><br>
                                            123 Lorem ipsum<br>
                                            San Francisco, CA 12345<br>
                                        </address>	
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span12">
                                        <table class="table invE_table">
                                            <thead>
                                                <tr>
                                                    <th>Item</th>
                                                    <th>Unit Cost</th>
                                                    <th>Qty</th>
                                                    <th>Tax</th>
                                                    <th>Total</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>Lorem ipsum <small>(Lorem ipsum dolor...)</small></td>
                                                    <td>$50.00</td>
                                                    <td>2.00</td>
                                                    <td>5%</td>
                                                    <td>$95.00</td>
                                                </tr>
                                                <tr>
                                                    <td>Lorem ipsum <small>(Lorem ipsum dolor...)</small></td>
                                                    <td>$70.00</td>
                                                    <td>3.00</td>
                                                    <td>9%</td>
                                                    <td>$191.10</td>
                                                </tr>
                                                <tr class="last_row">
                                                    <td colspan="3">&nbsp;</td>
                                                    <td colspan="2">
                                                        <p class="sepH_a"><span class="muted sepV_b">Subtotal</span>$310.00</p>
                                                        <p class="sepH_a"><span class="muted sepV_b">Tax (10%)</span>$23.90</p>
                                                        <p class="sepH_a"><span class="muted sepV_b">Discount</span>-</p>
                                                        <p><strong><span class="sepV_b">Total</span>$286.10</strong></p>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>	
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span12">
                                        <div class="inv_notes">
                                            <span class="label label-info">Notes</span>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut bibendum libero. Maecenas ultricies ligula sed urna rutrum mollis. Sed quis sem eget risus eleifend vulputate non a justo. Morbi vel mauris sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box w-box-green" id="invoice_add_edit">
                            <form id="inv_form">
                                <div class="w-box-header">
                                    <h4>Add/Edit Invoice</h4>
                                    <span class="pull-right close-box inv-cancel">&times;</span>
                                </div>
                                <div class="w-box-content cnt_a">
                                    <div class="row-fluid">
                                        <div class="span8">
                                            <div class="formSep">
                                                <div class="row-fluid">
                                                    <div class="span6">
                                                        <label for="inv_cl_email">Email</label>
                                                        <input type="text" class="span12" id="inv_cl_email" name="inv_cl_email" />
                                                    </div>
                                                    <div class="span6">	
                                                        <label for="inv_cl_email">Contact Name</label>
                                                        <input type="text" class="span12" id="inv_cl_name" name="inv_cl_name" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="formSep">
                                                <label for="inv_cl_org_name">Organization Name</label>
                                                <input type="text" class="span12" id="inv_cl_org_name" name="inv_cl_org_name" />
                                            </div>
                                            <div class="formSep">
                                                <label for="inv_cl_address">Address</label>
                                                <input type="text" class="span12" id="inv_cl_address" name="inv_cl_address" />
                                                <span class="help-block">Street</span>
                                                <div class="row-fluid">
                                                    <div class="span4">
                                                        <input type="text" class="span12" id="inv_cl_address_city" name="inv_cl_address_city" />
                                                        <span class="help-block">City</span>
                                                    </div>
                                                    <div class="span4">
                                                        <input type="text" class="span12" id="inv_cl_address_state" name="inv_cl_address_state" />
                                                        <span class="help-block">Province/State</span>
                                                    </div>
                                                    <div class="span4">
                                                        <input type="text" class="span12" id="inv_cl_address_zip" name="inv_cl_address_zip" />
                                                        <span class="help-block">Zip Code</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="span4">
                                            <div class="formSep">
                                                <label for="inv_number">Invoice Number</label>
                                                <input type="text" class="span12" id="inv_number" name="inv_number" />
                                            </div>
                                            <div class="formSep">
                                                <label for="inv_date">Date of Issue</label>
                                                <input type="text" class="span12" id="inv_date" name="inv_date" />
                                            </div>
                                            <div class="formSep">
                                                <label for="inv_discount">Discount</label>
                                                <div class="input-prepend">
                                                    <span class="add-on">$</span><input class="span6" id="inv_discount" name="inv_discount" type="text">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row-fluid sepH_c">
                                        <table class="table invE_table">
                                            <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>Item</th>
                                                    <th>Description</th>
                                                    <th>Unit Cost ($)</th>
                                                    <th>Qty</th>
                                                    <th>Tax (%)</th>
                                                    <th>Total ($)</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="inv_row">
                                                    <td class="inv_clone_row"><i class="icon-plus inv_clone_btn"></i></td>
                                                    <td><input type="text" class="span12" name="invE_item[]" /></td>
                                                    <td><input type="text" class="span12" name="invE_description[]" /></td>
                                                    <td><input type="text" class="span12 jQinv_item_unit" name="invE_unit_cost[]" /></td>
                                                    <td><input type="text" class="span12 jQinv_item_qty" name="invE_qty[]" /></td>
                                                    <td><input type="text" class="span12 jQinv_item_tax" name="invE_tax[]" /></td>
                                                    <td><input type="text" readonly class="span12 jQinv_item_total" name="invE_total[]" /></td>
                                                </tr>
                                                <tr class="last_row">
                                                    <td colspan="5">&nbsp;</td>
                                                    <td colspan="2">
                                                        <p class="clearfix">Subtotal: <span class="invE_subtotal">$<span>0.00</span></span></p>
                                                        <p>Tax: <span class="invE_tax">$<span>0.00</span></span></p>
                                                        <p>Discount: <span class="invE_discount">$<span>0.00</span></span></p>
                                                        <p><strong>Balance: <span class="invE_balance">$<span>0.00</span></span></strong></p>
                                                    </td>
                                                </tr>
                                            </tbody>	
                                        </table>
                                    </div>
                                </div>
                                <div class="w-box-footer">
                                    <div class="f-center">
                                        <button class="btn btn-beoro-3">Save</button>
                                        <button class="btn btn-link inv-cancel">Cancel</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="w-box w-box-blue">
                            <div class="w-box-header">
                                <h4>Invoices</h4>
                                <div class="pull-right">
                                    <a href="#" class="btn btn-small btn-inverse inv_new">Add new invoice</a>
                                </div>
                            </div>
                            <div class="w-box-content">
                                <table class="table table-striped" data-provides="rowlink">
                                    <thead>
                                        <tr>
                                            <th>id</th>
                                            <th>Client</th>
                                            <th>Date of Issue</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr data-invoice-id="10">
                                            <td>1/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>10/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="11">
                                            <td>2/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>11/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="12">
                                            <td>3/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>12/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="13">
                                            <td>4/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>13/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="14">
                                            <td>5/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>14/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="15">
                                            <td>6/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>15/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="16">
                                            <td>7/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>16/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="17">
                                            <td>8/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>17/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="18">
                                            <td>9/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>18/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="19">
                                            <td>10/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>19/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="20">
                                            <td>11/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>20/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="21">
                                            <td>12/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>21/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="22">
                                            <td>13/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>22/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                        <tr data-invoice-id="23">
                                            <td>14/2012</td>
                                            <td><a href="#" class="inv_preview">Lorem ipsum, inc.</a></td>
                                            <td>23/11/2012</td>
                                            <td class="nolink">
                                                <a href="#" class="inv_preview sepV_a"><i class="splashy-zoom_in"></i></a>
                                                <a href="#" class="inv_edit sepV_a"><i class="splashy-document_letter_edit"></i></a>
                                                <a href="#" class="inv_download sepV_b"><i class="splashy-document_letter_download"></i></a>
                                                <a href="#" class="inv_remove"><i class="splashy-document_letter_remove"></i></a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_space"></div>
        </div> 

    <!-- footer --> 
        <footer>
            <div class="container">
                <div class="row">
                    <div class="span5">
                        <div>&copy; Your Company 2012</div>
                    </div>
                    <div class="span7">
                        <ul class="unstyled">
                            <li><a href="#">First link</a></li>
                            <li>&middot;</li>
                            <li><a href="#">Second link</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
        
    <!-- Common JS -->
        <!-- jQuery framework -->
            <script src="js/jquery.min.js"></script>
        <!-- bootstrap Framework plugins -->
            <script src="bootstrap/js/bootstrap.min.js"></script>
        <!-- top menu -->
            <script src="js/jquery.fademenu.js"></script>
        <!-- top mobile menu -->
            <script src="js/selectnav.min.js"></script>
        <!-- actual width/height of hidden DOM elements -->
            <script src="js/jquery.actual.min.js"></script>
        <!-- jquery easing animations -->
            <script src="js/jquery.easing.1.3.min.js"></script>
        <!-- power tooltips -->
            <script src="js/lib/powertip/jquery.powertip-1.1.0.min.js"></script>
        <!-- date library -->
            <script src="js/moment.min.js"></script>
        <!-- common functions -->
            <script src="js/beoro_common.js"></script>

        <!-- table rowlink -->
            <script src="js/bootstrap-rowlink.min.js"></script>

            <script src="js/pages/beoro_invoices.js"></script>

    </body>
</html>